/* #region 初始化 */

* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;
 
  outline: none;

  padding: 0;

  margin: 0;

}



html {

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



body {

  margin: 0;

  padding: 0;

  word-wrap: break-word;

  color: #333;

  background-color: #fff;

  font-family: text;

  width: 100%;

  overflow-x: hidden;

}



audio,

video {

  display: block;

}



a {

  display: block;

  background-color: transparent;

  text-decoration: none;

  color: inherit;

  outline: none;

  -webkit-tap-highlight-color: transparent;

  -moz-outline-style: none;

}



ol,

ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



li {

  list-style: none;

}



img {

  display: block;

  border: 0;

  vertical-align: middle;

  /* image-rendering: -moz-crisp-edges;

  image-rendering: -o-crisp-edges;

  image-rendering: -webkit-optimize-contrast;

  image-rendering: crisp-edges;

  -ms-interpolation-mode: nearest-neighbor; */

}



dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: normal;

}





button,

input,

optgroup,

select,

textarea {

  color: inherit;

  outline: none;

}



button[disabled],

html input[disabled] {

  cursor: default;

}



input[type="checkbox"],

input[type="radio"] {

  padding: 0;

}



table {

  border-spacing: 0;

  border-collapse: collapse;

}



td,

th {

  padding: 0;

}



.clearfloat {

  zoom: 1;

}



.clearfloat:after {

  display: block;

  clear: both;

  content: "";

  visibility: hidden;

  height: 0;

}



.flex_row {

  display: flex;

}



.flex_col {

  display: flex;

  flex-direction: column;

}



.flex_center {

  display: flex;

  justify-content: center;

  align-items: center;

}



.flex_space_between {

  display: flex;

  justify-content: space-between;

}



.position_center-x {

  left: 50%;

  transform: translate(-50%);

}



.position_center-y {

  top: 50%;

  transform: translateY(-50%);

}



.cursor {

  cursor: pointer;

}



.flex {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.flex_center {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.flex_1 {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  display: inline-block;

}



.flex_dc {

  -webkit-box-orient: vertical;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.flex_ac {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.flex_as {

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.flex_ae {

  -webkit-box-align: end;

  -webkit-align-items: flex-end;

  -ms-flex-align: end;

  align-items: flex-end;

}



.flex_jc {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.flex_js {

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.flex_je {

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}



.flex_wrap {

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  -o-flex-wrap: wrap;

  flex-wrap: wrap;

}



.textone {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}



.texttwo {

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}



.swiper-container {

  width: 100%;

}





/* #endregion */



/* #region  首页*/

.width {

  margin: 0 auto;

}



body {

  padding-top: 4.5rem;

}



.header {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  background: #fff;

  z-index: 88;

  box-shadow: 0 .25rem .25rem rgba(0, 0, 0, .05);

  transition: .3s;

}



.logo {

  position: relative;

}



.logo img {

  width: 16.2rem;

  transition: .3s;

}



.logo img:nth-of-type(2) {

  position: absolute;

  left: 0;

  top: 0;

}



.nav {

  margin-left: auto;

}



.nav li {

  margin-left: 3rem;

}



.nav_link {

  font-size: 1rem;

  line-height: 4.5rem;

  color: #666666;

  position: relative;

  transition: .3s;

}



.nav_link::after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 1rem;

  transform: translateX(-50%);

  width: 0;

  height: 2px;

  background: #00a569;

  transition: .3s;

}



.nav_link.active,

.nav_link:hover {

  color: #00a569 !important;

}



.nav_link:hover::after,

.nav_link.active::after {

  width: 75%;

}



.index_header {

  background: none;

  box-shadow: none;

}



.index_header:hover {

  background: #fff;

  box-shadow: 0 .25rem .25rem rgb(0 0 0, .1);

}



.index_header .logo img:nth-of-type(2) {

  opacity: 0;

}



.index_header:hover .logo img:nth-of-type(2) {

  opacity: 1;

}



.index_header .nav_link {

  color: #fff;

}



.index_header:hover .nav_link {

  color: #666666;

}



.nav_select .width {

  align-items: flex-start;

}



.nav_select {

  position: absolute;

  left: 0;

  top: 100%;

  width: 100%;

  background-color: rgba(255, 255, 255, .9);

  padding: 2.6rem 0;

  display: none;

}



.nav_img {

  width: 38.75%;

  padding-right: 2.5%;

  border-right: 1px solid #eaeaea;

}



.nav_img img {

  width: 100%;

}



.nav_list {

  flex: 1;

  overflow: hidden;

  flex-wrap: wrap;

  padding: 0 5%;

}



.nav_list a {

  width: 33.33%;

  font-size: 1.2rem;

  line-height: 2rem;

  padding: .5rem 0;

  color: #666666;

  padding-right: .5rem;

  margin-top: 1rem;

  transition: .2s;

}



.nav_list a:hover,

.nav_list a.active {

  color: #04ca6f;

}



@keyframes bannerin {

  0% {

    transform: scale(1.1)

  }



  100% {

    transform: scale(1)

  }

}



.banner {

  position: relative;

}



.banner .swiper-slide {

  overflow: hidden;

  position: relative;

}



.banner .swiper-slide img {

  width: 100%;

  transform: scale(1.1);

}



.banner .swiper-slide-active img {
  transform: scale(1);
  animation: bannerin 6s ease

}



.banner_txt {

  position: absolute;

  left: 0;

  top: 55%;

  width: 100%;

  transform: translateY(-50%);

}



.banner_txt div {

  font-size: 3.6rem;

  line-height: 1.56;

  color: #fff;

  font-style: italic;

  letter-spacing: .7rem;

  position: relative;

  padding-left: 9.3%;

}



.banner_txt i {

  position: absolute;

  left: 0;

  top: 50%;

  width: 12.5%;

  border-top: 2px solid #00a569;

}



.banner_txt a {

  font-size: .8rem;

  color: #fff;

  text-align: center;

  line-height: 2.9rem;

  border: 1px solid rgba(249, 249, 249, .6);

  width: 10rem;

  margin-left: 9.3%;

  margin-top: 4.8rem;

}



.banner_txt a span {

  transition: .3s;

}



.banner_txt a:hover span {

  margin-left: 1rem;

}



.banner_txt div,

.banner_txt a {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp;

}



.banner .swiper-slide-active .banner_txt div {

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

  -webkit-animation-delay: .2s;

  animation-delay: .2s;

}



.banner .swiper-slide-active .banner_txt a {

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

  -webkit-animation-delay: .6s;

  animation-delay: .6s;

}



.banner_dot {

  position: absolute;

  left: 0;

  bottom: 4.5%;

  width: 100%;

  z-index: 1;

  height: 2.4rem;

}



.banner_dot span {

  width: 2.4rem;

  height: 2.4rem;

  line-height: 2.4rem;

  background: #fff;

  opacity: 1;

  margin: 0 .35rem;

  font-size: 1.1rem;

  color: #fff;

  transition: .3s;

  transform: scale(0.3);

  outline: none;

}



.banner_dot i {

  display: none;

}



.banner_dot .swiper-pagination-bullet-active {

  text-align: center;

  background: none;

  border: 1px solid rgba(255, 255, 255, .4);

  transform: scale(1);

}



.banner_dot .swiper-pagination-bullet-active i {

  display: block;

  font-style: normal;

}



.index1 {

  padding: 4.5rem 0 3.5rem 0;

  background: url(../images//index1_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

}



.index1_title {

  position: relative;

  text-align: center;

  font-weight: bold;

  line-height: 1;

}



.index1_title i {

  display: block;

  font-style: italic;

  font-size: 6rem;

  color: rgba(16, 16, 16, 0.08);

}



.index1_title span {

  position: absolute;

  left: 0;

  top: 4rem;

  width: 100%;

  font-size: 2.4rem;

  color: #101010;

}



.index1_title div {

  font-size: 1rem;

  color: #00a569;

  font-weight: normal;

  margin-top: 1.9rem;

}



.index1_txt {

  font-size: .9rem;

  line-height: 2;

  color: #5e5e5e;

  text-align: center;

  padding: 0 12.5%;

  margin-top: 2rem;

}



.index1_ul {

  margin-top: 3rem;

}



.index1_ul li {

  width: 30%;

  line-height: 1;

}



.index1_ul li img {

  width: 3.2rem;

  margin-right: 1.8rem;

}



.index1_ul li span {

  display: block;

  font-size: .9rem;

  color: #999999;

}



.index1_ul li p {

  font-size: .8rem;

  margin-top: .5rem;

  color: #101010;

}



.index1_ul li b {

  font-size: 3.2rem;

  font-weight: bold;

}



.index2_bg {

  width: 100%;

  height: 20rem;

  background: url(../images/index2.jpg) no-repeat center center;

  background-attachment: fixed;

  background-size: cover;

  background-position: left top;

  position: relative;

}



.index2_bg div {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgb(0, 0, 0, .3);

}



.index2_row {

  position: relative;

}



.index2_img {

  position: absolute;

  right: .8rem;

  bottom: 0;

  height: 16rem;

  z-index: 1;

}



.index2_row .width {

  height: 12.5rem;

  justify-content: space-between;

}



.index2_item {

  width: 23%;

  height: 100%;

  position: relative;

  z-index: 2;

  white-space: nowrap;

  line-height: 1;

  padding-top: .9rem;

}



.index2_item div {

  position: relative;

  z-index: 2;

}



.index2_item p {

  font-size: 3.2rem;

  font-weight: bold;

  color: rgba(255, 255, 255, 0.08);

  font-style: italic;

}



.index2_item span {

  display: block;

  font-size: 1.8rem;

  margin-top: .4rem;

  color: #fff;

}



.index2_item i {

  display: block;

  width: 2.2rem;

  height: .3rem;

  background: #fff;

  margin-top: 1.6rem;

}



.index2_row li {

  width: 23%;

  height: 100%;

  padding: 1.5rem 0;

}



.index2_row li img {

  width: 2.1rem;

  margin-right: .8rem;

}



.index2_row li div {

  font-size: 1.2rem;

  color: #101010;

  font-weight: bold;

}



.index2_row li span {

  font-size: .9rem;

  line-height: 1.78;

  color: #666666;

  display: block;

  margin-top: .6rem;

}



.index3 {

  position: relative;

  padding-top: 4.5rem;

  background: url(../images/index3_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

}



.index3_row {

  padding: 0 2%;

  justify-content: space-between;

  padding-top: 3.9rem;

}



.index3_row a {

  width: 12.2%;

  height: 32.5rem;

  position: relative;

  overflow: hidden;

  transition: .3s;

}



.index3_row a.active {

  width: 37.3%;

}



.index3_row img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}



.index3_bg {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(29, 101, 177, .4);

  transition: .3s;

}



.index3_num {

  font-size: 4.5rem;

  color: rgba(255, 255, 255, 0);

  position: absolute;

  left: -1.2rem;

  top: 8%;

  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);

  font-weight: bold;

  font-style: italic;

}



.index3_col {

  position: absolute;

  left: 50%;

  top: 0;

  width: 1.8rem;

  height: 100%;

  transform: translateX(-50%);

  font-size: 1.5rem;

  color: #fff;

  text-align: center;

  transition: .3s;

}



.index3_txt {

  position: absolute;

  bottom: 13.5%;

  left: 0;

  width: 100%;

  opacity: 0;

}



.index3_title {

  font-size: 1.5rem;

  color: #fff;

}



.index3_title span {

  flex: 1;

  overflow: hidden;

  border-top: 1px solid #fff;

}



.index3_title div {

  margin: 0 8%;

}



.index3_btn {

  width: 10rem;

  line-height: 3rem;

  text-align: center;

  font-size: .9rem;

  color: #fff;

  background-color: #00a569;

  margin: 12.5% auto 0 auto;

}



.index3_row a.active .index3_bg {

  opacity: 0;

}



.index3_row a.active .index3_col {

  opacity: 0;

}



.index3_row a.active .index3_txt {

  opacity: 1;

}



.index4 {

  padding: 4.8rem 0 4.5rem 0;

}



.index4_bg {

  opacity: 0;

  position: absolute;

  z-index: 1;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  transition: .5s;

}



.index4 .swiper-slide {

  width: 30rem;

}



.index4 .swiper-slide a {

  border: 1px solid #cacaca;

}



.index4_con {

  padding: 1.5rem 2rem;

  position: relative;

  z-index: 2;

}



.index4_time {

  color: #999999;

  line-height: 1;

  display: inline-block;

  text-align: center;

  transition: .3s;

}



.index4_time div {

  font-size: 2rem;

}



.index4_time span {

  font-size: .8rem;

}



.index4_title {

  font-size: 1.2rem;

  color: #333333;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  margin-top: .7rem;

  transition: .3s;

}



.index4_text {

  font-size: .8rem;

  line-height: 1.6rem;

  height: 4.8rem;

  margin-top: .7rem;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  line-clamp: 3;

  -webkit-box-orient: vertical;

  color: #999999;

  transition: .3s;

}



.index4_row {

  height: 5.8rem;

  padding: 0 2rem;

  font-size: .8rem;

  color: #00a569;

  border-top: 1px solid #eaeaea;

  position: relative;

  z-index: 2;

  transition: .3s;

}



.index4_row div {

  width: 2rem;

  height: 2rem;

  background: #eaeaea;

  border-radius: 50%;

  margin-left: 1.6rem;

  transition: .5s;

  position: relative;

}



.index4_row i {

  display: block;

  width: 1.6rem;

  height: .9rem;

  background-image: url(../images//index4_right1.png);

  background-repeat: no-repeat;

  background-size: 100% 100%;

  position: absolute;

  top: 50%;

  right: 1rem;

  transform: translateY(-50%);

  transition: .3s;

}



.index4 .swiper-slide a:hover {

  background: #cacaca;

  box-shadow: .16rem .19rem .75rem 0px rgba(0, 0, 0, 0.06);

}



.index4 .swiper-slide a:hover .index4_bg {

  opacity: 1;

}



.index4 .swiper-slide a:hover .index4_row,

.index4 .swiper-slide a:hover .index4_text,

.index4 .swiper-slide a:hover .index4_title,

.index4 .swiper-slide a:hover .index4_time {

  color: #fff;

}



.index4 .swiper-slide a:hover .index4_row div {

  background: #00a569;

  margin-left: 20rem;

}



.index4 .swiper-slide a:hover .index4_row i {

  background-image: url(../images//index4_right2.png);

}



.index4 .swiper-container {

  margin-top: 3.7rem;

}



.index4_dot {

  margin-top: 3.5rem;

}



.index4_dot div {

  outline: none;

  width: 2.7rem;

  height: 2.7rem;

  border-radius: 50%;

  background: #ebebeb;

  margin: 0 1rem;

  cursor: pointer;

  transition: .3s;

}



.index4_dot div:hover {

  background: #00a569;

}



.footer {

  background: url(../images/footer_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

}



.footer_con {

  padding: 3.5rem 0 3rem 0;

  align-items: flex-start;

}



.footer_logo {

  width: 3.3rem;

}



.footer_phone {

  font-size: 1.6rem;

  margin-top: .8rem;

  color: #00a569;

}



.footer_address {

  font-size: .8rem;

  line-height: 1.75;

  color: #ffffff;

  margin-top: .4rem;

}



.footer_code {

  width: 7.5rem;

  text-align: center;

  font-size: .8rem;

  color: #fff;

  margin-top: 1.2rem;

}



.footer_code div {

  padding: .5rem;

  border: 1px solid rgba(248, 248, 248, .6);

}



.footer_code img {

  width: 100%;

}



.footer_code span {

  display: block;

  margin-top: .3rem;

}



.footer_left {

  width: 25.5%;

  padding-right: 2%;

  border-right: 1px solid rgba(248, 248, 248, .2);



}



.footer_right {

  flex: 1;

  overflow: hidden;

  text-align: center;

  justify-content: space-between;

  padding-left: 7.5%;

}



.footer_right span {

  font-size: 1rem;

  color: #fff;

  display: block;

  margin-bottom: 1.2rem;

}



.footer_right a {

  font-size: .8rem;

  line-height: 2;

  padding: .4rem 0;

  color: rgba(255, 255, 255, 0.6);

  transition: .1s;

}



.footer_right a:hover {

  color: #02a369;

}



.footer_bottom {

  font-size: .8rem;

  line-height: 1.5;

  color: rgba(255, 255, 255, 0.6);

  padding: 1.8rem 0;

  border-top: 1px solid rgba(255, 255, 255, .2);

}



.footer_text {

  max-width: 49%;

}



.footer_text a {

  display: inline;

}



.footer_bottom ul {

  max-width: 49%;

  margin-left: auto;

  flex-wrap: wrap;

  justify-content: flex-end;

}



.footer_bottom li {

  padding: 0 .4rem;

  position: relative;

}



.footer_bottom li::after {

  content: '';

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  height: .8rem;

  border-right: 1px solid rgba(255, 255, 255, .6);

}



.footer_bottom li:last-of-type::after {

  display: none;

}



.footer_bottom li:last-of-type {

  padding-right: 0;

}



.footer_bottom a {

  transition: .1s;

}



.footer_bottom a:hover {

  color: #02a369;

}



.nav_modal,

.nav_icon {

  display: none;

}



/* #endregion */



/* #region  关于我们*/

.banner2 img {

  width: 100%;

}



.se_tab {

  width: 60rem;

  transform: translateY(-50%);

  z-index: 2;

  margin: 0 auto;

  background: #fff;

  box-shadow: 0px .6rem 1.2rem 0px rgba(0, 0, 0, 0.05);

}



.se_tab a,

.se_tab li {

  flex: 1;

  overflow: hidden;

  height: 6.4rem;

  font-size: 1.2rem;

  color: #a0a6b1;

  cursor: pointer;

  transition: .2s;

}



.se_tab img {

  width: 1.6rem;

  transition: .2s;

}



.se_tab img:nth-of-type(2) {

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}



.se_tab div {

  position: relative;

  margin-right: 1rem;

}



.se_tab a:hover,

.se_tab li:hover {

  color: #00a569;

}



.se_tab a.active,

.se_tab li.active {

  background: #00a569;

  color: #fff;

}



.se_tab a.active img:nth-of-type(1),

.se_tab li.active img:nth-of-type(1) {

  opacity: 0;

}



.se_tab a.active img:nth-of-type(2),

.se_tab li.active img:nth-of-type(2) {

  opacity: 1;

}



.about1 {

  padding-top: 2.8rem;

}



.about1_left {

  width: 39.5%;

  position: relative;

}



.about1_right {

  width: 50.6%;

  margin-left: auto;

}



.about1_left img {

  width: 65%;

  position: absolute;

  z-index: 1;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}



.about1_left video {

  position: relative;

  z-index: 2;

  width: 86%;

}



.about_title {

  font-size: 2.4rem;

  color: #101010;

  text-align: center;

}



.about_title::after {

  content: '';

  width: 6rem;

  height: .2rem;

  background: #00a569;

  display: block;

  margin-top: 1.4rem;

  margin-left: auto;

  margin-right: auto;

}



.about1_right .about_title {

  text-align: left;

}



.about1_right .about_title::after {

  margin-left: 0;

  margin-right: 0;

}



.about1_text {

  font-size: .9rem;

  margin-top: 3rem;

  line-height: 2;

  color: #5e5e5e;

}



.about1_right .index1_ul {

  margin-top: 1.8rem;

  justify-content: space-between;

}



.about1_right .index1_ul li {

  width: auto;

}



.about2 {

  margin-top: 4rem;

  position: relative;

}



.about2_bg {

  position: absolute;

  left: 0;

  top: 0;

  width: 50%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  z-index: 1;

}



.about2_left {

  width: 50%;

  padding: 2rem 0;

  position: relative;

  z-index: 2;

}



.about2_right {

  width: 50%;

}



.about2_right img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

}



.about2_left ul {

  margin-left: auto;

  padding-right: 12.5%;

}



.about2_left img {

  width: 1.8rem;

  margin-right: 1rem;

}



.about2_left div {

  font-size: 1.2rem;

  color: #101010;

}



.about2_left p {

  font-size: .9rem;

  line-height: 2;

  margin-top: 1rem;

  color: #333333;

  display: none;

}



.about2_left li {

  border-bottom: 1px solid #cacaca;

  padding: 1.6rem 0;

  cursor: pointer;

}



.about2_left li.active p {

  display: block;

}



.block {

  display: block !important;

}



.about3 {

  position: relative;

  padding: 4rem 0 5rem 0;

}



.about3_bg {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

}



.about3_bg img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  display: none;

}



.about3 .about_title {

  color: #fff;

}



.about3 .about_title::after {

  background: #fff;

}



.about3 .width {

  position: relative;

  z-index: 2;

}



.about3_tab {

  width: 32rem;

  flex-wrap: wrap;

}



.about3_tab li {

  width: 15rem;

  height: 10rem;

  border: 1px solid #fff;

  border-radius: .5rem;

  margin-right: 1rem;

  margin-bottom: 1rem;

  color: #fff;

  text-align: center;

  padding-top: 1.8rem;

  transition: .3s;

  cursor: pointer;

}



.about3_tab li img {

  width: 1.8rem;

  margin: 0 auto;

}



.about3_tab li div {

  font-size: 1.4rem;

  margin-top: .7rem;

}



.about3_tab li span {

  display: block;

  font-size: .8rem;

  margin-top: .5rem;

}



.about3_tab li:hover,

.about3_tab li.active {

  background: #0baf74;

  border-color: #0baf74;

}



.about3_text {

  flex: 1;

  overflow: hidden;

  font-size: 1.2rem;

  line-height: 2;

  color: #fff;

  padding-left: 5%;

  padding-bottom: 1rem;

}



.about3_text li {

  display: none;

}



.about3_con {

  margin-top: 5rem;

}



.about4 {

  padding-top: 5rem;

}





.about4_img {

  max-width: 1600px;

  margin-top: 4rem;

  margin-left: auto;

  margin-right: auto;

}



.about4_img img {

  width: 100%;

}



.about5 {

  padding: 5rem 0 4rem 0;

}



.about5 ul {

  padding-top: 1.5rem;

  flex-wrap: wrap;

}



.about5 li {

  width: 22.5%;

  margin-right: 3.33%;

  box-shadow: .13rem .15rem .3rem 0px rgba(0, 0, 0, 0.08);

  margin-top: 1.5rem;

}



.about5 li:nth-of-type(4n+4) {

  margin-right: 0;

}



.about5 .swiper-container {

  margin-top: 1.5rem;

  padding: .3rem;

}

.about5 .swiper-slide{

  box-shadow: .13rem .15rem .3rem 0px rgba(0, 0, 0, 0.08);

}

.about5 .swiper-slide a ,

.about5 li a {

  position: relative;

}



.about5 .swiper-slide img ,

.about5 li img {

  width: 100%;

}



.about5 .swiper-slide div ,

.about5 li div {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  font-size: 1rem;

  line-height: 3.5rem;

  color: #333333;

  background-color: rgba(255, 255, 255, .8);

  text-align: center;

  padding: 0 5%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: .2s;

}



.about5 .swiper-slide a:hover div ,

.about5 li a:hover div {

  background: #0baf74;

  color: #fff;

}

.about5 .index4_dot{

  margin-top: 3rem;

}

/* #endregion */



/* #region  产品  产品详情*/

.product_main {

  background: url(../images/product_bg.jpg) no-repeat;

  background-size: 100% auto;

  background-position: top center;

  padding: 6rem 0;

}



.product_left {

  width: 46.6%;

}



.product_right {

  width: 45%;

  margin-left: auto;

}



.product_right img {

  width: 100%;

  display: none;

}



.product_title {

  display: inline-block;

  font-size: 2.4rem;

  color: #101010;

  position: relative;

}



.product_title::after {

  content: '';

  display: block;

  width: 6rem;

  height: .2rem;

  background: #00a569;

  margin: 1.6rem auto 0 auto;

}





.product_left ul {

  padding-top: 3.8rem;

}



.product_list {

  font-size: 1rem;

  line-height: 2.5rem;

  color: rgba(16, 16, 16, 0.6);

  cursor: pointer;

  transition: .1s;

}



.product_list:hover {

  color: #00a569;

}



.product_left li.active .product_list {

  display: none;

}



.product_item {

  display: none;

  padding: .7rem 0 1.2rem 2rem;

}



.product_left li.active .product_item {

  display: block;

}



.product_item h3 {

  font-size: 1.5rem;

  color: #101010;

}



.product_item div {

  font-size: .9rem;

  line-height: 2;

  color: #999999;

  margin-top: .8rem;

}



.product_item a {

  width: 9rem;

  line-height: 2.9rem;

  text-align: center;

  border: 1px solid #00a569;

  color: #00a569;

  font-size: .9rem;

  margin-top: 1.1rem;

  transition: .2s;

}



.product_item a:hover {

  background: #00a569;

  color: #fff;

}



.back {

  background: #f5f5f5;

}



.back a {

  font-size: .9rem;

  line-height: 4rem;

  color: rgba(102, 102, 102, 0.6);

  transition: .1s;

}



.back a:hover {

  color: #00a569;

}



.pshow1 {

  padding: 3.8rem 0 4.1rem 0;

  background: url(../images/pshow_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

}



.pshow1_con {

  margin-top: 2.9rem;

}



.pshow1_title {

  font-size: 2.4rem;

}



.pshow1_text {

  font-size: 1rem;

  line-height: 1.8;

  color: #333333;

  border-bottom: 1px solid #eaeaea;

  padding-bottom: 1.8rem;

}



.pshow1_t1 {

  font-size: 1rem;

  color: #00a569;

  line-height: 1;

  margin-top: 1.8rem;

}



.pshow1_right {

  width: 45%;

  margin-left: auto;

}



.pshow1_right img {

  width: 100%;

}



.pshow1_left {

  width: 50%;

}



.pshow1_left ul {

  flex-wrap: wrap;

  /* padding-right: 10%; */

}



.pshow1_left li {

  width: 5rem;

  margin-right: 2.5rem;

  font-size: .9rem;

  line-height: 1.6;

  color: #333333;

  text-align: center;

  margin-top: 1.9rem;

}



.pshow1_left li img {

  width: 100%;

  height: 5rem;

}



.pshow1_left li div {

  padding: 0 .3rem;

  margin-top: .5rem;

}



.pshow2_tab {

  margin-top: 2.5rem;

  border-bottom: 1px solid #eaeaea;

}



.pshow2_tab div {

  font-size: 1.2rem;

  line-height: 5rem;

  color: #999999;

  cursor: pointer;

  margin: 0 2.5rem;

  transition: .1s;

  position: relative;

}



.pshow2_tab div.active,

.pshow2_tab div:hover {

  color: #00a569;

}



.pshow2_tab div.active::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 2px;

  background: #00a569;

}



.pshow2 {

  padding-top: 3rem;

  padding-bottom: 4.5rem;

}



.pshow2_con {

  display: none;

  font-size: 1rem;

  line-height: 1.8;

  color: #333333;

  max-width: 1200px;

  margin-left: auto;
  margin-right: auto;

}



.pshow2_con img {

  max-width: 100%;

  display: inline;

}



.pshow2_con a {

  display: inline;

}



/* #endregion */



/* #region  技术创新*/

.innovate1 {

  padding: 2.3rem 0 9.8rem 0;

}



.innovate1_text {

  font-size: 1rem;

  line-height: 1.6;

  margin-top: 3rem;

  text-align: center;

  color: #666666;

}



.innovate1_ul {

  justify-content: space-between;

  margin-top: 1.2rem;

}



.innovate1_ul li {

  width: 22.5%;

  height: 18rem;

  position: relative;

  padding: 2.5rem 3.5% 0 3.5%;

  font-size: .9rem;

  line-height: 1.58;

  color: #999;

  transition: .3s;

}



.innovate1_bg {

  position: absolute;

  left: 0;

  top: 16.3rem;

  width: 100%;

}



.innovate1_img {

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 50%;

  transform: translateX(-50%);

}



.innovate1_ul li:nth-of-type(even) {

  margin-top: 3.5rem;

}



.innovate1_ul li:hover {

  background: linear-gradient(to bottom, #fff, #dbf2ea);

}



.innovate2 {

  background: url(../images/innovate2_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  padding: 3.5rem 0 4.5rem 0;

}



.innovate2_text {

  font-size: 1rem;

  line-height: 2;

  color: #333333;

  text-align: center;

  margin-top: 2.5rem;

  padding: 0 12.8%;

}



.innovate3 {

  padding: 5rem 0 4rem 0;

}





.innovate3 .swiper-container {

  margin-top: 4rem;

  padding-bottom: 10.5rem;

}



.innovate3_img {

  width: 11.2rem;

  height: 11.2rem;

  margin: 0 auto;

  border-radius: 50%;

  padding: .5rem;

  border: 1px solid #00a569;

  transform: scale(.85);

  transition: .3s;

}



.innovate3_img img {

  width: 100%;

  height: 100%;

  border-radius: 50%;

}



.innovate3_txt {

  opacity: 0;

  position: absolute;

  top: 12.5rem;

  left: 50%;

  transform: translateX(-50%);

  width: 22rem;

  text-align: center;

  transition: .3s;

}



.swiper-slide-active .innovate3_txt {

  opacity: 1;

}



.swiper-slide-active .innovate3_img {

  transform: scale(1);

}



.innovate3_txt div {

  font-size: 1.5rem;

  color: #333333;

}



.innovate3_txt span {

  display: block;

  font-size: .9rem;

  color: #00a569;

  margin-top: .5rem;

}



.innovate3_txt p {

  font-size: .9rem;

  line-height: 1.7;

  color: #333333;

  margin-top: .6rem;

}



.innovate3 .index4_dot {

  margin-top: 0;

}



/* #endregion */



/* #region  合作优势*/



.cooperation1 {

  padding-top: 2.3rem;

}



.cooperation1_con {

  margin-top: 4rem;

}



.cooperation1_left {

  width: 50%;

}



.cooperation1_left img {

  width: 100%;

}



.cooperation1_right {

  width: 43.15%;

  margin-left: auto;

}



.cooperation1_right img {

  width: 3.3rem;

  margin-right: 2rem;

}



.cooperation1_right div {

  color: #333333;

  font-size: 1.5rem;

}



.cooperation1_right p {

  padding-left: 5.3rem;

  font-size: 1rem;

  line-height: 1.5;

  color: #666666;

  margin-top: .25rem;

}



.cooperation1_right li {

  margin-bottom: 2.5rem;

}



.cooperation1_right li:last-of-type {

  margin-bottom: 0;

}



.cooperation2 {

  padding: 5rem 0 4rem 0;

}



.cooperation2_ul {

  flex-wrap: wrap;

  padding-top: 1rem;

}



.cooperation2_ul li {

  width: 32.5%;

  margin-right: 1.25%;

  margin-top: 3rem;

}



.cooperation2_ul li:nth-of-type(3n+3) {

  margin-right: 0;

}



.cooperation2_ul div {

  padding: 1.5rem 7.6% 1.8rem 7.6%;

}



.cooperation2_ul h3 {

  font-size: 1.2rem;

  color: #101010;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: .2s;

}



.cooperation2_ul p {

  font-size: .9rem;

  line-height: 1.78;

  color: #999999;

  margin-top: .8rem;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

  transition: .2s;

}



.cooperation2_ul i {

  display: block;

  overflow: hidden;

}



.cooperation2_ul img {

  width: 100%;

  transition: .5s;

}



.cooperation2_ul a {

  background: #f8f8f8;

  transition: .2s;

}



.cooperation2_ul a:hover img {

  transform: scale(1.05);

}



.cooperation2_ul a:hover {

  background: #00a569;

}



.cooperation2_ul a:hover p,

.cooperation2_ul a:hover h3 {

  color: #fff;

}



.page {

  margin-top: 4rem;

}



.page a {

  min-width: 2.5rem;

  height: 2.7rem;

  line-height: 2.7rem;

  padding: 0 .5rem;

  font-size: .8rem;

  color: #101010;

  transition: .1s;

  text-align: center;

}

.page a:first-of-type ,

.page a:last-of-type {

  width: 2.7rem;

  background: #eff0f2;

  border-radius: 50%;

  margin: 0 1.4rem;

  transition: .2s;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.page a:hover {

  color: #00a569;

}



.page a:first-of-type:hover,

.page a:last-of-type:hover  {

  background: #00a569;

}



.cooperation3 {

  background: url(../images/cooperation3_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  padding: 3.8rem 0 4.8rem 0;

}



.cooperation3_img {

  margin-top: 4rem;

}



.cooperation3_img img {

  max-width: 100%;

  margin: 0 auto;

}



/* #endregion */



/* #region  园区运营*/

.operate1 {

  padding-top: 2.3rem;

}



.operate1_con {

  background: url(../images/operate1.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  margin-top: 4rem;

}



.operate1_con li {

  width: 33.33%;

  padding: 6.1rem 2.5% 4.5rem 2.5%;

  transition: .3s;

}



.operate1_col img {

  width: 4rem;

  margin: 0 auto;

}



.operate1_col {

  color: #fff;

  text-align: center;

  transition: .3s;

}



.operate1_col b {

  display: block;

  font-weight: normal;

  font-size: 1.6rem;

  margin-top: 1.2rem;

}



.operate1_col div {

  font-size: .8rem;

  line-height: 2;

  border-top: 1px solid rgba(253, 253, 253, .2);

  margin-top: 2.3rem;

  padding-top: 2.3rem;

}



.operate1_con li:hover {

  background-color: rgba(255, 255, 255, .14);

}



.operate1_con li:hover .operate1_col {

  transform: translateY(-1.5rem);

}



.operate2 {

  padding: 5rem 0 6rem 0;

  background: #f5f6f7;

}



.operate2 .width {

  background: url(../images/operate2_bg.png) no-repeat;

  background-size: 32.15rem auto;

  background-position: right 5.8rem;

}



.operate2_text {

  font-size: 1rem;

  line-height: 1.6;

  color: #666666;

  padding: 0 12.5%;

  margin-top: 3rem;

}



.operate2_ul {

  padding-top: 1.7rem;

}



.operate2_ul li {

  margin-top: 1.4rem;

  background: #fff;

}



.operate2_ul li:nth-of-type(even) {

  flex-direction: row-reverse;

}



.operate2_img {

  width: 52.5%;

}



.operate2_img img {

  width: 100%;

}



.operate2_txt {

  width: 47.5%;

  padding: 2rem 3% 2rem 5%;

}



.operate2_row {

  align-items: flex-start;

}



.operate2_t1 {

  flex: 1;

  overflow: hidden;

  padding-right: .8rem;

}



.operate2_t1 div {

  font-size: .9rem;

  color: #00a569;

}



.operate2_t1 span {

  font-size: 1.5rem;

  margin-top: .5rem;

  color: #101010;

  display: block;

}



.operate2_t1 i {

  display: block;

  width: 2rem;

  height: .2rem;

  background: #00a569;

  margin-top: 1.5rem;

}



.operate2_num {

  font-size: 3.5rem;

  font-weight: bold;

  color: rgba(255, 255, 255, 0);

  -webkit-text-stroke: 1px #ded7d7;

  font-style: italic;

  line-height: 1;

}



.operate2_t2 {

  font-size: .9rem;

  line-height: 1.7;

  margin-top: 1.4rem;

  color: #666666;

}



.operate3 {

  padding: 5rem 0 4.5rem 0;

}



.operate3_img {

  margin-top: 3.5rem;

}



.operate3_img img {

  max-width: 100%;

  margin: 0 auto;

}



.operate4 {

  padding: 5rem 0;

  background: url(../images/operate4_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

}



.operate4_left {

  width: 37.5%;

  padding-top: 1.5rem;

}



.operate4_right {

  width: 54.7%;

  margin-left: auto;

}



.operate4 .about_title {

  display: inline-block;

}



.operate4_txt {

  font-size: 1rem;

  line-height: 2;

  color: #101010;

  margin-top: 3rem;

}



.operate4_right {

  flex-wrap: wrap;

  justify-content: space-between;

}



.operate4_row {

  width: 100%;

  padding-bottom: 1.5rem;

}



.operate4_col {

  width: 48.3%;

}



.operate4_row div {

  font-size: 1.2rem;

  color: #333333;

}



.operate4_row input {

  width: 100%;

  height: 3.6rem;

  background-color: rgba(0, 0, 0, .06);

  border: none;

  font-size: 1rem;

  color: #333333;

  padding: 0 1rem;

  margin-top: .8rem;

}



.operate4_right button {

  width: 100%;

  height: 4rem;

  line-height: 4rem;

  text-align: center;

  background: #04ca6f;

  font-size: 1.2rem;

  color: #fff;

  border: none;

  cursor: pointer;

  transition: .2s;

  margin-top: .5rem;

}



.operate4_right button:hover {

  opacity: .85;

}



/* #endregion */



/* #region  新闻*/

.news {

  padding: .8rem 0 4rem 0;

}



.news_ul li {

  background: #f6f7f9;

  border-radius: .5rem;

  margin-top: 2.5rem;

}



.news_ul li a {

  padding: 1rem 3.75%;

}



.news_time {

  text-align: center;

}



.news_time div {

  font-size: 2rem;

  color: #999999;

}



.news_time span {

  display: block;

  font-size: .8rem;

  color: #999999;

}



.news_img {

  width: 13.3rem;

  border-radius: .5rem;

  margin: 0 4.2%;

}



.news_txt {

  flex: 1;

  overflow: hidden;

  padding-right: 10%;

}



.news_txt h3 {

  font-size: 1.2rem;

  color: #333333;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: .1s;

}



.news_txt div {

  font-size: .8rem;

  line-height: 2;

  color: #999999;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

  margin-top: .8rem;

}



.news_more {

  font-size: .8rem;

  color: #04ca6f;

}



.news_more div {

  width: 2rem;

  height: 2rem;

  background: #eaeaea;

  border-radius: 50%;

  margin-left: 1.6rem;

  transition: .5s;

  position: relative;

}



.news_more i {

  display: block;

  width: 1.6rem;

  height: .9rem;

  background-image: url(../images//index4_right1.png);

  background-repeat: no-repeat;

  background-size: 100% 100%;

  position: absolute;

  top: 50%;

  right: 1rem;

  transform: translateY(-50%);

  transition: .3s;

}



.news_ul a:hover .news_txt h3 {

  color: #00a569;

}



.news_top {

  overflow: hidden;

  border-radius: .5rem;

}



.news_top .news_img {

  width: 43.75%;

  border-radius: 0;

  margin: 0;

  object-fit: cover;

  object-position: center;

}



.news_right {

  width: 56.25%;

  background: url(../images/news_bg.jpg) no-repeat;

  background-size: cover;

  background-position: center;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

  padding: 2rem 5.25% 2rem 6.25%;

}



.news_right .news_txt {

  flex: none;

  margin-top: .9rem;

  width: 100%;

  padding-right: 0;

}



.news_right .news_more {

  margin-top: 5rem;

}







/* padding: 2rem 5.25% 2rem 6.25%; */

/* #endregion */



/* #region  新闻详情*/

.news_show {

  padding: 3rem 0 4rem 0;

}



.news_back a {

  font-size: .9rem;

  color: #101010;

  transition: .2s;

}



.news_back a div {

  width: 2.7rem;

  height: 2.7rem;

  border-radius: 50%;

  background: #eff0f2;

  margin-right: 1rem;

  transition: .2s;

}



.news_back a img {

  width: .75rem;

}



.news_back a:hover {

  color: #00a569;

}



.news_back a:hover div {

  background: #00a569;

}



.nshow_width {

  max-width: 1200px;

  margin: 0 auto;

}



.nshow_title {

  font-size: 1.8rem;

  color: #101010;

  text-align: center;

  margin-top: 2.5rem;

}



.nshow_time {

  font-size: .8rem;

  text-align: center;

  color: #999999;

  line-height: 4rem;

  border-top: 1px solid #eaeaea;

  border-bottom: 1px solid #eaeaea;

  margin-top: 2.5rem;

}



.nshow_text {

  font-size: .9rem;

  line-height: 2;

  color: #333333;

  margin-top: 2.2rem;

}



.nshow_text img {

  max-width: 100%;

  display: inline;

}



.nshow_text a {

  display: inline;

}



.nshow_page {

  justify-content: space-between;

  margin-top: 3rem;

  padding-top: 1.4rem;

  border-top: 1px solid #eaeaea;

}



.nshow_page a {

  max-width: 49%;

  font-size: .9rem;

  color: #999999;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  transition: .1s;

}



.nshow_page a:hover {

  color: #00a569;

}



/* #endregion */



/* #region  联系我们*/

.contact1 {

  padding: 3.8rem 0 5.3rem 0;

}



.contact1_left {

  width: 45.38%;

  padding-bottom: 2rem;

}



.contact1_title div {

  font-size: 2.4rem;

  color: #101010;

}



.contact1_title span {

  display: block;

  font-size: 1.2rem;

  color: #666666;

  margin-top: .8rem;

}



.contact1_ul {

  margin-top: 5.5rem;

}



.contact1_ul li {

  text-align: center;

  margin-right: 10.5%;

}



.contact1_ul li:last-of-type {

  margin-right: 0;

}



.contact1_ul img {

  width: 3.35rem;

  margin: 0 auto;

}



.contact1_ul div {

  font-size: 1rem;

  color: #101010;

  font-weight: bold;

  margin-top: .7rem;

}



.contact1_ul span {

  display: block;

  font-size: 1rem;

  line-height: 1.8;

  color: #666666;

  margin-top: .4rem;

}



.contact1_right {

  width: 50%;

  background: #f8f8f8;

  margin-left: auto;

}



.contact1_map {

  position: relative;

  right: 1rem;

  bottom: 1rem;

  width: 100%;

  height: 25rem;

}



.contact1_map img {

  width: 100%;

  height: 100%;

}



.contact2 {

  padding: 3.8rem 0 4rem 0;

  background: #f5f6f7;

}



.contact2_ul {

  margin-top: 4.5rem;

  font-size: 1.2rem;

  background: #fff;

}



.contact2_td {

  background: #545f70;

  color: #fff;

  line-height: 4rem;

  padding-left: 3.75%;

}



.contact2_col1 {

  width: 19.75%;

}



.contact2_col2 {

  width: 19.75%;

}



.contact2_col3 {

  width: 22.25%;

}



.contact2_col4 {

  width: 28.45%;

}



.contact2_col5 {

  flex: 1;

  overflow: hidden;

}



.contact2_th {

  color: #333333;

  padding-left: 3.75%;

  line-height: 4rem;

}



.contact2_th .contact2_col5 {

  cursor: pointer;

  color: #04ca6f;

}



.contact2_th .contact2_col5:hover {

  text-decoration: underline;

}



.contact2_ul li {

  border-bottom: 1px solid #eaeaea;

}



.contact2_ul li:last-of-type {

  border-bottom: none;

}



.contact2_con {

  padding: 1.5rem 3.75% 3rem 3.75%;

  border-top: 1px solid #eaeaea;

  display: none;

}



.contact2_text {

  font-size: .9rem;

  line-height: 1.78;

  color: #545f70;

}



.contact2_btn {

  width: 9rem;

  height: 3rem;

  line-height: 3rem;

  background: #00a569;

  color: #fff;

  font-size: .9rem;

  text-align: center;

  cursor: pointer;

  margin-top: 1.5rem;

  transition: .2s;

}



.contact2_btn:hover {

  opacity: .85;

}



.operate4_row textarea {

  width: 100%;

  height: 11.5rem;

  background-color: rgba(0, 0, 0, .06);

  border: none;

  font-size: 1rem;

  color: #333333;

  padding: 1rem;

  margin-top: .8rem;

  resize: none;

  font-family: text;

}



.modal {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, .4);

  z-index: 99;

  display: none;

}



.modal_con {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}



.modal_card {

  background: #fff;

  border-radius: 1rem;

  padding: 1.8rem 3rem 2.25rem 3rem;

  width: 35rem;

  max-height: 90vh;

  overflow-y: auto;

  position: relative;

}



.modal_title {

  font-size: 1.3rem;

  color: #333333;

  text-align: center;

}



.modal_form {

  padding-top: 1.5rem;

  flex-wrap: wrap;

  justify-content: space-between;

}



.modal_row {

  width: 100%;

  margin-top: 1rem;

}



.modal_col {

  width: 48.28%;

}



.modal_row span {

  font-size: .8rem;

  color: #333333;

}



.modal_row div {

  margin-top: .5rem;

  position: relative;

}



.modal_row input {

  width: 100%;

  height: 2.2rem;

  border: 1px solid #e5e5e5;

  font-size: .8rem;

  color: #333333;

  padding: 0 .8rem;

  display: block;

  background: none;

  position: relative;

  z-index: 2;

}



.modal_row textarea {

  width: 100%;

  height: 7rem;

  border: 1px solid #e5e5e5;

  resize: none;

  display: block;

  font-size: .8rem;

  color: #333333;

  padding: .5rem .8rem;

  font-family: text;

  background: none;

}



.modal_btn {

  width: 100%;

  height: 2.7rem;

  line-height: 2.7rem;

  border: none;

  background: #00a569;

  font-size: .8rem;

  color: #fff;

  margin-top: 1.5rem;

  cursor: pointer;

  transition: .2s;

}



.modal_btn:hover {

  opacity: .85;

}



.modal_select img {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 1rem;

  width: .9rem;

  z-index: 1;

}



.modal_select input {

  padding-right: 3rem;

}



.layui-laydate .layui-this {

  background-color: #00a569 !important;

  color: #fff !important;

}



.modal_select ul {

  position: absolute;

  left: 0;

  top: 100%;

  width: 100%;

  background: #fff;

  box-shadow: 0 2px 4px rgba(0, 0, 0, .12);

  z-index: 5;

  padding: 0 .5rem;

  display: none;

}



.modal_select li {

  font-size: .8rem;

  color: #666;

  line-height: 2.5rem;

  text-align: center;

  border-bottom: 1px solid #eee;

  cursor: pointer;

}



.modal_select li:last-of-type {

  border-bottom: none;

}



.modal_select li.active,

.modal_select li:hover {

  color: #00a569;

}



.modal_close {

  font-size: 1rem;

  color: #fff;

  cursor: pointer;

  position: absolute;

  left: 100%;

  top: 0;

  margin-left: 1.5rem;

  white-space: nowrap;

}



.modal_close img {

  width: 1.05rem;

  margin-right: .5rem;

}



/* #endregion */



/* #region  下载中心*/

.download {

  padding: 3rem 0 4rem 0;

}



.download_title ul {

  margin-left: auto;

}



.download_title ul a {

  width: 9.5rem;

  line-height: 3.9rem;

  border: 1px solid #cacaca;

  font-size: 1rem;

  color: #999999;

  text-align: center;

  margin-left: 1rem;

  transition: .1s;

}



.download_title ul a:hover,

.download_title ul a.active {

  color: #04ca6f;

  border-color: #04ca6f;

}



.download_ul {

  flex-wrap: wrap;

  padding-top: 2.8rem;

}



.download_ul li {

  width: 32.5%;

  margin-right: 1.25%;

  margin-top: 1rem;

  text-align: center;

}



.download_ul li:nth-of-type(3n+3) {

  margin-right: 0;

}



.download_ul a {

  border: 1px solid #eaeaea;

  border-radius: .5rem;

  padding: 2.9rem 5%;

  transition: .2s;

}



.download_ul i {

  display: block;

}



.download_ul i img {

  width: 3.25rem;

  margin: 0 auto;

}



.download_ul h3 {

  font-size: 1.2rem;

  color: #101010;

  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  margin-top: 1.4rem;

}



.download_ul div {

  width: 9.5rem;

  height: 3.2rem;

  font-size: .8rem;

  color: #04ca6f;

  margin: 2rem auto 0 auto;

  transition: .2s;

  border: 1px solid #fff;

}



.download_ul div img {

  width: 1.35rem;

  margin-right: 1rem;

}



.download_ul a:hover {

  box-shadow: .2rem .23rem 1rem 0px rgba(0, 0, 0, 0.04);

}



.download_ul a:hover div {

  border-color: #04ca6f;

}



.download .page {

  margin-top: 3rem;

}



.modal_ul {

  margin-top: 0.5rem;

}



.modal_ul li {

  width: 8.2rem;

  font-size: .9rem;

  border: 1px solid #e5e5e5;

  line-height: 2.2rem;

  color: #000016;

  text-align: center;

  margin-right: 1rem;

  cursor: pointer;

  transition: .1s;

}



.modal_ul li:hover,

.modal_ul .active {

  border-color: #00a569;

  color: #00a569;

}



.modal_tab li {

  width: 50%;

  text-align: center;

  font-size: 1.5rem;

  line-height: 3.6rem;

  color: #333333;

  position: relative;

  cursor: pointer;

  transition: .1s;

}



.modal_tab li:hover,

.modal_tab .active {

  color: #00a569;

}



.modal_tab .active::after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 0;

  width: 70%;

  height: 2px;

  transform: translateX(-50%);

  background: #00a569;

}



.modal_card2 {

  padding-top: .9rem;

}



.modal_card2 .none {

  display: none;

}



.modal_card2 .modal_form {

  padding-top: 1.2em;

}



/* #endregion */



/* #region  css3 */

@-webkit-keyframes fadeInRight2 {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(5rem, 0, 0);

    transform: translate3d(5rem, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInRight2 {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(5rem, 0, 0);

    transform: translate3d(5rem, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@-webkit-keyframes fadeInLeft2 {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 5rem, 0);

    transform: translate3d(0, 5rem, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInLeft2 {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-5rem, 0, 0);

    transform: translate3d(-5rem, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@-webkit-keyframes fadeInUp2 {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-5rem, 0, 0);

    transform: translate3d(-5rem, 0, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInUp2 {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 5rem, 0);

    transform: translate3d(0, 5rem, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInRight2 {

  -webkit-animation-name: fadeInRight2;

  animation-name: fadeInRight2;

}



.fadeInLeft2 {

  -webkit-animation-name: fadeInLeft2;

  animation-name: fadeInLeft2;

}



.fadeInUp2 {

  -webkit-animation-name: fadeInUp2;

  animation-name: fadeInUp2;

}



.download_ul li:nth-of-type(5),

.download_ul li:nth-of-type(2),

.operate1_con li:nth-of-type(2),

.cooperation2_ul li:nth-of-type(5),

.cooperation2_ul li:nth-of-type(2),

.innovate1_ul li:nth-of-type(2),

.about5 li:nth-of-type(2n+2),

.index2_row li:nth-child(3),

.index3_row a:nth-of-type(2) {

  animation-delay: 0.1s;

}



.download_ul li:nth-of-type(6),

.download_ul li:nth-of-type(3),

.operate1_con li:nth-of-type(3),

.cooperation2_ul li:nth-of-type(6),

.cooperation2_ul li:nth-of-type(3),

.innovate1_ul li:nth-of-type(3),

.about5 li:nth-of-type(3n+3),

.index2_row li:nth-child(4),

.index3_row a:nth-of-type(3) {

  animation-delay: 0.2s;

}



.operate1_con li:nth-of-type(4),

.innovate1_ul li:nth-of-type(4),

.about5 li:nth-of-type(4n+4),

.index2_row li:nth-child(5),

.index3_row a:nth-of-type(4) {

  animation-delay: 0.3s;

}





.index3_row a:nth-of-type(5) {

  animation-delay: 0.4s;

}



.index3_row a:nth-of-type(6) {

  animation-delay: 0.5s;

}



/* #endregion */



/* #region  */



/* #endregion */